<template>
  <div class="Card">
    <div class="headPic">
      <van-image class="headImg" :src="cardList.wapBannerUrl" alt=""></van-image>
    </div>
    <ul class="goodsDepart">
      <div class="gdItem">
        <div class="gdiTitle">
          <div class="Bigtitle">四季款</div>
          <div class="littleTitle">四季款</div>
        </div>
        <div class="goodsContant">
          <ul class="goods">
            <li class="goodsItem">
              <!-- 商品图片 -->
              <div class="goodsImg">
                <img class="goodsPic" src="https://yanxuan-item.nosdn.127.net/084db2fd826e2498ef002eed762ef58b.jpg?type=webp&imageView&quality=65&thumbnail=330x330" alt="">
              </div>

              <!-- 商品名称 -->
              <div class="goodsName">
                <img class="nameImg" src="https://yanxuan.nosdn.127.net/static-union/16698631101bcf18.png" alt="">
                100%全麦粉，低脂全麦软欧包 紫薯味 500g
              </div>
              <!-- 商品价格 -->
              <div class="goodsPrice">
                <span class="PriceImg">￥</span>
                <span class="Price">25.9</span>
                <div class="PriceOutAll">
                  <span class="PriceOut">￥</span>
                  <span class="PriceOut">29.9</span>
                </div>
              </div>
              <!-- 特价 -->
              <div class="SaleList">
                <div class="SaleItem">
                  <div class="siContent">
                    <div class="SaleName">特价</div>
                    <div class="SiText">仅剩4天</div>
                  </div>
                  <div class="slBox">
                    <div class="SaleText">满99减30</div>
                  </div>

                </div>
              </div>
            </li>
            <li class="goodsItem">
              <!-- 商品图片 -->
              <div class="goodsImg">
                <img class="goodsPic" src="https://yanxuan-item.nosdn.127.net/084db2fd826e2498ef002eed762ef58b.jpg?type=webp&imageView&quality=65&thumbnail=330x330" alt="">
              </div>

              <!-- 商品名称 -->
              <div class="goodsName">
                <img class="nameImg" src="https://yanxuan.nosdn.127.net/static-union/16698631101bcf18.png" alt="">
                100%全麦粉，低脂全麦软欧包 紫薯味 500g
              </div>
              <!-- 商品价格 -->
              <div class="goodsPrice">
                <span class="PriceImg">￥</span>
                <span class="Price">25.9</span>
                <div class="PriceOutAll">
                  <span class="PriceOut">￥</span>
                  <span class="PriceOut">29.9</span>
                </div>
              </div>
              <!-- 特价 -->
              <div class="SaleList">


              </div>
            </li>
            <li class="goodsItem">
              <!-- 商品图片 -->
              <div class="goodsImg">
                <img class="goodsPic" src="https://yanxuan-item.nosdn.127.net/084db2fd826e2498ef002eed762ef58b.jpg?type=webp&imageView&quality=65&thumbnail=330x330" alt="">
              </div>

              <!-- 商品名称 -->
              <div class="goodsName">
                <img class="nameImg" src="https://yanxuan.nosdn.127.net/static-union/16698631101bcf18.png" alt="">
                100%全麦粉，低脂全麦软欧包 紫薯味 500g
              </div>
              <!-- 商品价格 -->
              <div class="goodsPrice">
                <span class="PriceImg">￥</span>
                <span class="Price">25.9</span>
                <div class="PriceOutAll">
                  <span class="PriceOut">￥</span>
                  <span class="PriceOut">29.9</span>
                </div>
              </div>
              <!-- 特价 -->
              <div class="SaleList">
                <div class="slBox">
                  <div class="SaleText">满99减30</div>
                </div>

              </div>
            </li>
          </ul>
        </div>
      </div>
    </ul>
  </div>
</template>

<script lang="ts" setup>
</script>

<script lang="ts">
export default {
  name: 'Card'
}
</script>

<style lang="scss" scoped></style>



<div class="SaleList">
  <div class="SaleItem" v-if="!(item.finalPriceInfoVO.banner || {}).title || (item.finalPriceInfoVO.banner || {}).content">
    <div class="siContent" v-if="(item.finalPriceInfoVO.banner || {}).title">
      <div class="SaleName">{{ item.finalPriceInfoVO.banner.title }}</div>
      <div class="SiText">{{ item.finalPriceInfoVO.banner.content }}</div>
    </div>
    <div class="slBox" v-if="!(item.finalPriceInfoVO.banner || {}).title && (item.finalPriceInfoVO.banner || {}).content">
      <div class="SaleText">满99减30</div>
    </div>
  </div>
</div>
